<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../css/page4-2.css">
		<title></title>
	</head>
	<body>
		<div class="page4-2">
			<img src="../images/p4-1.jpg" class="img1"/>
			<img src="../images/p5-2.jpg" class="img2"/>
			<img src="../images/p4-6.png" class="img3"/>
			<img src="../images/p5-3.jpg" class="img4"/>
			<section class="box1">
				<article class="student">
					<li value='100'><span>大豆</span></li>
					<li value='100'><span>绿豆</span></li>
					<li value='100'><span>红豆</span></li>
					<li value='' class="li-1"><span>AC</span></li>
					<li value='100'><span>稻子</span></li>
					<li value='100'><span>玉米</span></li>
					<li value='100'><span>黑豆</span></li>
					<li value='+' class="li-2"><span>+</span></li>
					<li value='50'><span>软糖</span></li>
					<li value='50'><span>雪糕</span></li>
					<li value='50'><span>辣条</span></li>
					<li value='=' class="li-3"><span>=</span></li>
				</article>
				<article class="worker">
					<li value='100'><span>大豆</span></li>
					<li value='100'><span>绿豆</span></li>
					<li value='100'><span>红豆</span></li>
					<li value='' class="li-1"><span>AC</span></li>
					<li value='100'><span>稻子</span></li>
					<li value='100'><span>玉米</span></li>
					<li value='100'><span>黑豆</span></li>
					<li value='+' class="li-2"><span>+</span></li>
					<li value='100'><span>素食</span></li>
					<li value='100'><span>米粉</span></li>
					<li value='100'><span>煎饼</span></li>
					<li value='=' class="li-3"><span>=</span></li>
				</article>
			</section>
			<div id="box2" value=''>
				<div></div>
				<div></div>
			</div>
		</div>
		<script src="jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="cookie.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var username=Cookie.getCookie('token1');
			var id=Cookie.getCookie('token2')
		    console.log(id)
			if(id=='上班族'){
				$('.student').css({display:'none'});
				console.log($('.worker li'))
				$('.worker li').on('click',function(){
				$('.img4').css({display:'none'});
				$('#box2').css({display:'block'});
				$('#box2')[0].innerHTML+=$(this).attr('value');
				$('.li-1').on('click',function(){
					$('#box2')[0].innerHTML=''
				});
				$('.li-3').on('click',function(){
				    var a='';
				    a+=$(this).val()
				    console.log(a)
				})
			})
			}else{
				$('.worker').css({display:'none'})
			}
			
			
		</script>
	</body>
</html>
